<div class="tool-bar">
  <div class="button-bar">
    <span><B>区域公司：</B><select><option value ="volvo">乌江</option></select><B>电站：</B><select><option value ="volvo">洪家渡</option></select><B>机组：</B><select><option value ="volvo">#1</option></select></span>
  </div>
  <div class="time-ctrl">
    <button class="btn btn-sm btn-default" (click)="goBack(true)"><span class="glyphicon glyphicon-chevron-left" aria-hidden="true"></span></button>
  </div>
  <div class='status'>
  	<div class='fl box'>
      <div class="status-icon status-icon-1 fl"></div>
      <div class="status-name fl">正常</div>
    </div>
    <div class='fl box'>
      <div class="status-icon status-icon-2 fl"></div>
      <div class="status-name fl">预警</div>
    </div>
    <div class='fl box'>
      <div class="status-icon status-icon-3 fl"></div>
      <div class="status-name fl">报警</div>
    </div>
  </div>
</div>
<div class="main-body">
  <div class='container-fluid'>
  	<div class='row'>
  		<div class='col-sm-4'>
	  		<img src="assets/images/jizu.png" style="margin-top: 100px;margin-left: 50px;"/>
	  	</div>
	  	<div class='col-sm-8'>
	  		<div class='row'>
	  			<div class='col-sm-3 per'>
	  				<app-chart-zhengdong [title]="'上机架振动(μm)'"[_data]="data1"></app-chart-zhengdong>
	  			</div>
	  			<div class='col-sm-3 per'>
	  				<app-chart-zhengdong [title]="'下机架振动(μm)'"[_data]="data2"></app-chart-zhengdong>
	  			</div>
	  			<div class='col-sm-3 per'>
	  				<app-chart-zhengdong [title]="'顶盖振动(μm)'"[_data]="data3"></app-chart-zhengdong>
	  			</div>
	  			<div class='col-sm-3 per'>
	  				<app-chart-zhengdong [title]="'定子机架振动(μm)'"[_data]="data4"></app-chart-zhengdong>
	  			</div>
	  			<div class='col-sm-3 per'>
	  				<app-chart-zhengdong [title]="'定子铁芯振动(μm)'"[_data]="data5"></app-chart-zhengdong>
	  			</div>
	  		</div>
	  		<div class='row'>
	  			<div class='col-sm-6' style="width:55%">
	  				<div class='row'>
	  					<div class='col-sm-4'>
	  						<app-chart-zhengdong2 [title]="'上导摆度(μm)'"[_data]="data6"></app-chart-zhengdong2>
	  					</div>
	  					<div class='col-sm-4'>
	  						<app-chart-zhengdong2 [title]="'下导摆度(μm)'"[_data]="data7"></app-chart-zhengdong2>
	  					</div>
	  					<div class='col-sm-4'>
	  						<app-chart-zhengdong2 [title]="'水导摆度(μm)'"[_data]="data8"></app-chart-zhengdong2>
	  					</div>
	  				</div>
	  				<div clas='row'>
	  					<div class='col-sm-6 center'>
	  						<app-chart-liquidfill [title]="'蜗壳进口压力脉动'" [color]="'#3ec222'"></app-chart-liquidfill>
	  					</div>
	  					<div class='col-sm-6 center'>
	  						<app-chart-liquidfill [title]="'导叶与转轮间压力脉动'" [color]="'#3ec222'"></app-chart-liquidfill>
	  					</div>
	  				</div>
	  				<div clas='row'>
	  					<div class='col-sm-6 center'>
	  						<app-chart-liquidfill [title]="'顶盖与转轮间压力脉动'" [color]="'#ed4227'"></app-chart-liquidfill>
	  					</div>
	  					<div class='col-sm-6 center'>
	  						<app-chart-liquidfill [title]="'尾水管进口压力脉动'" [color]="'#fcc81d'"></app-chart-liquidfill>
	  					</div>
	  				</div>
	  			</div>
	  			<div class='col-sm-6' style="width: 45%;margin-top: 40px;">
	  				<app-chart-huanxing></app-chart-huanxing>
	  				<img src="assets/images/arrow.png" class="arrow"/>
	  				<button id='btn' (click)='go()'>趋势预测</button>
	  			</div>
	  		</div>
	  	</div>
  	</div>
  </div>
 </div>
